page {
     background-color: #efefef;
     width: 100%;
     height: 100%;
     overflow: hidden;
}
 .con {
     margin: 0.5555555555555556rem;
     margin-bottom: 0;
    /* width: 19.72222222222222rem;
     */
     height: 11.555555555555555rem;
     border-radius: 0.1388888888888889rem;
     background-color: #fff;
     padding: 1.1111111111111112rem;
     font-size: 0.7222222222222222rem;
     box-shadow: 0rem 0rem 0.3888888888888889rem #ddd;
}
 .top {
     width: 100%;
     height: 3.611111111111111rem;
     border-bottom: 0.027777777777777776rem solid #e9e9e9;
}
 .top .top-account {
     display: flex;
     justify-content: space-between;
}
 .top .top-input {
     display: flex;
     justify-content: space-between;
}
 .top>div {
     margin-bottom: 0.5555555555555556rem;
}
 .top text {
     color: #3f3e3e;
}
 .top .fr {
     color: #9e9e9e;
     height: 1.3888888888888888rem;
}
 .top .icon {
     color: #3f3e3e;
     font-size: 1.1666666666666667rem;
     border: 0;
}
 .top button.fr {
     line-height: 1.2777777777777777rem;
     color: #598bee;
     border: 1px solid #598bee;
     font-size: 0.7222222222222222rem;
     padding: 0.05555555555555555rem 0.4444444444444444rem;
     border-radius: 0.16666666666666666rem;
     display: inline-block;
}
 .top input {
     width: 11.11111111111111rem;
     display: inline-block;
}
 .balance {
     color: #8a8a8a;
     height: 1.7777777777777777rem;
     line-height: 1.7777777777777777rem;
     margin-bottom: 0.5555555555555556rem;
}
 .balance text {
     color: #ff8a00;
}
 .submit {
     width: 15.777777777777779rem;
     height: 2.2222222222222223rem;
     line-height: 2.2222222222222223rem;
     color: #fff;
     background: linear-gradient(to right, #54b8f4 0%, #5c78eb 100%);
}
 .tip {
     color: #b8b8b8;
     text-align: center;
     margin-top: 0.5555555555555556rem;
}
 .bank {
     padding: 0.8333333333333334rem;
     padding-top: 0;
}
 .bank .tit {
     height: 2.5rem;
     line-height: 2.5rem;
     color: #3f3e3e;
     font-size: 0.7222222222222222rem;
}
 .bank_car {
     padding: 0.8333333333333334rem;
     background-color: #55c58f;
     height: 6.111111111111111rem;
     border-radius: 0.3888888888888889rem;
     width: 100%;
     margin-bottom: 0.5555555555555556rem;
     position: relative;
}
 .bank_car>.logo {
     float: left;
     width: 2.1666666666666665rem;
     height: 2.1666666666666665rem;
     border-radius: 100%;
}
 .in {
     float: left;
     margin-left: 0.5rem;
     color: #fff;
     position: relative;
}
 .in text {
     display: block;
     font-size: 0.8333333333333334rem;
     line-height: 1.1111111111111112rem;
}
 .in .type {
     font-size: 0.6944444444444444rem;
}
 .in div {
     font-size: 1.2222222222222223rem;
     margin-top: 0.5555555555555556rem;
}
 .bg {
     position: absolute;
     right: 0;
     bottom: 0;
     width: 7.111111111111111rem;
     height: 5.666666666666667rem;
     opacity: 0.1;
}
 img.select {
     width: 1.8611111111111112rem;
     height: 1.8611111111111112rem;
     position: absolute;
     right: 0;
     bottom: 0;
     opacity: 0;
}
 .c_green {
     background-color: #55c58f;
}
 .c_blue {
     background-color: #5f62bc;
}
 .active {
     border: 2px solid #fff;
     box-shadow: 0rem 0rem 0.3888888888888889rem #aaa;
     padding-top: -0.2222222222222222rem;
     padding-left: -0.2222222222222222rem;
}
 .active .select {
     opacity: 1;
}
 .active .bg {
     bottom: -0.1111111111111111rem;
     right: -0.1111111111111111rem;
}
 